﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Student Appointment History</title>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/studenthistory.js"></script>
<link href="css/studentAppointment.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form method="post">
<div id="container">
	<div id="titleContainer">
	<h2>Student Appointment History</h2>
	</div>
	<div id="appointmentContainer">
		<table id="appointmentTable">
			<tr>
				<th><label id="appiontmentID">Appointment ID</label></th>
				<th><label id="dateTime">Date Time</label></th>
				<th><label id="advisorName">Adviosr Name</label></th>
				<th><label id="status">Status</label></th>
				<th><label id="action">Action</label></th>
			</tr>
			<tr>
				<td>
					<label id="appiontmentID1">20001</label>
					<input name="appointmentID1" type="text" value="2001" id="appointmentTxtBx1"/>
				</td>
				<td>
					<label id="date1">01/26/2013</label>
					<input name="date1" type="text" value="01/26/2013" id="dateTxtBx1" />
				</td>
				<td>
					<label id="advisorName1">John Smith</label>
					<input name="advisorName1" type="text" value="John Smith" id="advisorNameTxtBx1"/>
				</td>
				<td>
					<label id="status1">Confirmed</label>
					<select name="status1" id="statusList1">
						<option>Confirmed</option>
						<option>Pending</option>
						<option>Cancelled</option>
					</select>
				</td>
				<td>
				<input name="view" type="button" value="View" class="viewButton" />
				<input name="edit" type="button" value="Edit" class="editButton" id="edit1"/>
				<input name="delete" type="button" value="Delete" class="deleteButton" onclick="if (!confirm('Are you sure you want to delete this record?')) return;"/></td>
			</tr>
			<tr>
				<td>
					<label id="appiontmentID2">20002</label>
					<input name="appointmentID2" type="text" value="2002" id="appointmentTxtBx2"/>
				</td>
				<td>
					<label id="date2">01/28/2013</label>
					<input name="date2" type="text" value="01/28/2013" id="dateTxtBx2" />
				</td>
				<td>
					<label id="advisorName2">Bheem Hallal</label>
					<input name="advisorName2" type="text" value="Bheem Hallal" id="advisorNameTxtBx2"/>
				</td>
				<td>
					<label id="status2">Pending</label>
					<select name="statusList2" id="statusList2">
						<option>Confirmed</option>
						<option>Pending</option>
						<option>Cancelled</option>
					</select>
				</td>
				<td>
				<input name="view0" type="button" value="View" class="viewButton"/>
				<input name="edit0" type="button" value="Edit" class="editButton" id="edit2"/>
				<input name="delete0" type="button" value="Delete" class="deleteButton" onclick="if (!confirm('Are you sure you want to delete this record?')) return;"/></td>
			</tr>
			<tr>
				<td>
					<label id="appiontmentID3">20003</label>
					<input name="appointmentID3" type="text" value="2003" id="appointmentTxtBx3"/>
				</td>
				<td>
					<label id="date3">02/03/2013</label>
					<input name="date3" type="text" value="02/03/2013" id="dateTxtBx3"/>
				</td>
				<td>
					<label id="advisorName3">Narendra Prashad</label>
					<input name="advisorName3" type="text" value="Narendra Prashad" id="advisorNameTxtBx3"/>
				</td>
				<td>
					<label id="status3">Confirmed</label>
					<select name="status3" id="statusList3">
						<option>Confirmed</option>
						<option>Pending</option>
						<option>Cancelled</option>
					</select>
				</td>
				<td>
				<input name="view1" type="button" value="View" class="viewButton" />
				<input name="edit1" type="button" value="Edit" class="editButton" id="edit3"/>
				<input name="delete1" type="button" value="Delete" class="deleteButton" onclick="if (!confirm('Are you sure you want to delete this record?')) return;"/>
				</td>
			</tr>
			<tr>
				<td><label id="appiontmentID4">20004</label><input name="appointmentID4" type="text" value="2004" id="appointmentTxtBx4"/></td>
				<td>
					<label id="date4">02/14/2013</label>
					<input name="date4" type="text" value="02/14/2013" id="dateTxtBx4"/>
				</td>
				<td>
					<label id="advisorName4">Mohamed Khan</label>
					<input name="advisorName4" type="text" value="Mohamed Khan" id="advisorNameTxtBx4"/>
				</td>
				<td>
					<label id="status4">Cancelled</label>
					<select name="status4" id="statusList4">
						<option>Confirmed</option>
						<option>Pending</option>
						<option>Cancelled</option>
					</select>
				</td>
				<td>
				<input name="view2" type="button" value="View" class="viewButton" />
				<input name="edit2" type="button" value="Edit" class="editButton" id="edit4"/>
				<input name="delete2" type="button" value="Delete" class="deleteButton" onclick="if (!confirm('Are you sure you want to delete this record?')) return;"/>
				</td>
			</tr>
		</table>
	</div>
</div>
</form>
</body>

</html>
